@import "../common/flex-class";
@import "../common/rem";
@import "../common/variables";
@import "../common/mixins";
@import "style";
@import "util";

.HeadView,.NoCloseHeadView, .MyHeadView {

    .headview {
        position: relative;
        .px2rem(height, 88);
        .px2rem(padding-left, 32);
        .px2rem(padding-right, 32);
        background: #fff;
        .head_bottom_line()
    }

    i {
        display: table-cell;
        vertical-align: middle;
        .px2rem(font-size, 38);
        .px2rem(line-height, 88);

    }
    span {
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px 0 0;
    }
    .left {
        display: table;
        position: absolute;
        height: 100%;
        top: 0;
        .px2rem(left, 22);
        vertical-align: middle;
    }
    .close-window {
        display: table;
        position: absolute;
        z-index: 1;
        height: 100%;
        top: 0;
        .px2rem(left, 156);
        vertical-align: middle;
    }
    .right {
        display: table;
        position: absolute;
        height: 100%;
        top: 0;
        .px2rem(right, 32);
        vertical-align: middle;

    }
    div {
        .px2rem(line-height, 88);
        .px2px(font-size, 32);
        &:first-child {

            z-index: 1;
            color: #F76A75;
            &:before {
                position: relative;
                .px2px(font-size, 38);
                .px2rem(top, 4);
            }
        }
        &:last-child {
            z-index: 1;
        }
    }
    h1 {
        color: #2d2d2d;
        font-weight: normal;
        .flex-box-1();
        text-align: center;
        .px2px(font-size, 36);
        margin: 0 auto;
        text-align: center;
        .px2rem(width, 200);
        left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
    }

}
